<template>
  <div class="dialog ">
    <div class="dialog-con subOrders">
      <div class="subOrdersDetail">
        <div class="devideEqually">
          <p class="devide"> <split-vertical title="子订单详情"></split-vertical></p>
          <p class="devide" style="margin-right:20px;cursor: pointer" @click="closeTip"><i class="iconfont">&#xe625;</i></p>
        </div>
        <el-table
          :data="row.items"
          border
          highlight-current-row
          style="width: 100%">
          <el-table-column
            width="80"
            prop="itemCode"
            label="商品编码"
            :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            prop="itemBarCode"
            label="商品条形码"
            :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            prop="itemSkuName"
            label="商品sku名称"
            :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            width="80"
            prop="purchaseNum"
            label="购买数量"
            :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            width="80"
            prop="weight"
            label="重量"
          :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            width="80"
            prop="purchasePrice"
            label="进货价"
            :show-overflow-tooltip="true">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
  import SplitVertical from "components/common/SplitVertical"
    export default {
        components:{
          SplitVertical
        },
        data(){
          return{

          }
        },
      props:{
         row:{
           type:Object,
           default:{}
         }
      },
      created(){
        // console.log(this.row)
      },
      methods:{
        closeTip(){
          this.$emit("close")
        }
      }
    }
</script>

<style scoped lang="scss">
  .subOrders{
    width:800px;
    height:500px;
    .subOrdersDetail{
      margin:0 10px;
      .devideEqually{
        line-height:40px;
        width:100%;
        display: flex;
        justify-content: space-between;
      }
    }
  }
</style>
